body {
  position: relative;
}

body .elevator {
  position: fixed;
  top: 80px;
  left: 80px;
  z-index: 970;
  background-color: aliceblue;
  display: none;
}

body .elevator ul li {
  width: 64px;
  height: 43px;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 12px;
  border-left: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  border-right: 1px solid #b7b7b7;
  justify-content: center;
  cursor: pointer;
}

body .elevator ul li p {
  text-align: center;
}

body .elevator ul li img {
  width: 30px;
  height: 24px;
  margin: 0 auto;
}

body .elevator ul li:hover {
  color: #b20fd3;
}

body .elevator ul .yi {
  border-top: 1px solid #b7b7b7;
}

body .elevator ul .shang {
  height: 30px;
}

body .elevator ul > .active {
  color: #b20fd3;
}
